<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/element.css" />
    <link rel="stylesheet" href="css/main.css" />
</head>
<body>
    <div class="top-bar">
        <div class="container clearfix">
            <p class="left">
                <a href="article_detail.html?typeid=1001">保单验证</a> |
                <a href="article_detail.html?typeid=1002">信息披露</a> |
                <a href="article_detail.html?typeid=1003">关于我们</a> |
                <a href="article_detail.html?typeid=1004">联系我们</a>
            </p>
            <p class="right">
            <a href="login.html">登陆</a> |
            <a href="register.html">注册</a>
            </p>
        </div>
    </div>
    <div class="top-header">
        <div class="container clearfix">
            <a href="index.html" class="logo">
                <img src="images/logo.png" alt="" width="177" height="47" />
            </a>
            <ul class="header-nav">
                <li><a class="on" target="_self" href="index.html">首 页</a></li>
                <li><a target="_self" href="products_list.html">全部保险产品</a></li>
                <li><a target="_self" href="claims.html">保险理赔</a></li>
                <li><a target="_self" href="">企业团险</a></li>
                <li><a target="_self" href="center_orders.html">我的保单</a></li>
            </ul>
            <div class="header-rnav right">
                <a href="private_custom.html">
                    <i class="i1"></i>
                    定制
                </a>
                <a href="">
                    <i class="i2"></i>
                    公众号
                </a>
            </div>
        </div>
    </div>      
<div class="container mt20 clearfix">
    <div class="side-nav">
        <div class="user-info">
            <img src="images/user_avator.jpg" height="90" width="90" alt="" />
            <p>Hi，12345678900</p>
        </div>
        <dl>
            <dt>
                <i class="i1"></i>
                我的账户
            </dt>
            <dd><a href="center_settings.html">账户及密码</a></dd>
            <dd class="on"><a href="center_contacts.html">常用联系人</a></dd>
        </dl>
        <dl>
            <dt>
                <i class="i2"></i>
                订单管理
            </dt>
<dd><a href="center_orders.html?type=1">已完成订单</a></dd>
            <dd><a href="center_orders.html?type=2">未完成订单</a></dd>
            <dd><a href="center_orders.html?type=3">可续保订单</a></dd>
        </dl>
        <dl>
            <dt>
                <i class="i3"></i>
                我的钱包
            </dt>
            <dd><a href="">我的积分</a></dd>
        </dl>
    </div>
    <div class="center-content">
        <div class="inner-content">
            <div class="center-title clearfix">
                <span>常用联系人</span>
                <p class="right-btn"><a href="center_add_contacts.html">添加联系人</a></p>
            </div>
            <div class="contact-content" id="appCtrl" v-loack style="min-height:500px">
                <table>
                    <tr>
                        <th>姓名</th>
                        <th>证件号</th>
                        <th>出生日期</th>
                        <th>性别</th>
                        <th>操作</th>
                    </tr>
                    <tr>
                        <td>张三</td>
                        <td>125232259525235256</td>
                        <td>1980-09-09</td>
                        <td>男</td>
                        <td>
                            <el-button-group>
                              <el-button size="mini" plain icon="el-icon-edit" @click="edit('fdsafsadf')">修改</el-button>
                              <el-button size="mini" plain icon="el-icon-delete" @click="delete('fasdfsf')">删除</el-button>
                            </el-button-group>
                        </td>
                    </tr>
                </table>
                <el-pagination
                  style="padding: 28px;text-align: right;"
                  :background="true"
                  prev-text="上一页"
                  next-text="下一页"
                  layout="prev, pager, next"
                  :page-size="pageSize"
                  :total="total"
                  @current-change="currentPage">
                </el-pagination>

                <div class="empty">未添加常用联系人</div>
            </div>

        </div>
    </div>
</div>
</div>

    <footer class="footer">
        <div class="copyright">
            <div class="footer-with-logo">
                    <span class="footer-with-logo-icp"><a rel="nofollow" title="ICP备案查询" href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action" target="_blank"></a></span>
                    <span class="footer-with-logo-netservice"><a rel="nofollow" title="工商网监" href="" target="_blank"></a></span>
                    <!-- <span class="footer-with-logo-vsafe"><a title="安全联盟行业验证" href="" target="_blank"></a></span>  -->
            </div>
            <p>
                <a rel="nofollow" href="http://www.iachina.cn/" target="_blank">中国保险行业协会</a> |
                <a rel="nofollow" href="https://iask.sina.com.cn/search?searchWord=%E4%BF%9D%E9%99%A9&record=1" target="_blank">新浪爱问保险</a> |
                <a rel="nofollow" href="https://insurance.cngold.org/" target="_blank">金投保险</a> |
                <a rel="nofollow" href="" target="_blank">腾讯保险</a> |
                <a rel="nofollow" href="http://www.rmic.cn/" target="_blank">中国保险网</a>
            </p>
            <p>Copyright ©2013-2018 深圳市康达尔（集团）股份有限公司 粤ICP备08029152号</p>
        </div>
    </footer>
    <script src="js/jquery.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/element.js"></script>
    <script>
        var vm = new Vue({
            el: '#appCtrl',
            data: function(){
                return {
                      pageSize: 10,
                      total:50
                }
            },

            methods:{
                currentPage:function(){},
                edit: function(id){
                    location.href = 'center_add_contacts.html'
                }
            }
        })
    </script>
</body>

</html>